<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<script src="js\util.js"></script>
<style type="text/css">
	#table{
		border:0
	}
	#table td{
		width: 1.2cm;	
	}
	#table tr{
		height: 1.2cm;
	}
	.black{
		background-color: #804000;
	}
	.white{
		background-color: #FF8040;
	}
</style>
<body> 
<table id="table" cellpadding="0" cellspacing="0">
</table>
<table cellpadding="0" cellspacing="0" border="0">
<tr>
<td>

</td>
<td>
<div id="log"></div>
</td>
</tr></table>

<script>
var table = document.getElementById("table");
for(var i=0;i<8;i++){
	var line = document.createElement("tr");
	for(var j=0;j<8;j++){
		var td = document.createElement("td");
		td.className =(i+j)%2==0?"white":"black";
		td.isGameSquare = true;
		var img = document.createElement("img");
		img.src = "img\\pawn-w.gif";
		td.appendChild(img);
		line.appendChild(td);	
	}
	table.appendChild(line);
}
var logContainer = document.getElementById("log");
var logger = {
	dom:logContainer,
	debug: function(msg){
		this.dom.appendChild(document.createTextNode(msg));
		this.dom.innerHTML+="<br>";
	}	
}
table.onmousedown = function(_ev){
	logger.debug("selected");
	return false;
	
}
document.onmouseup = function(_ev){
	return false;
}
date = window;
	logger.debug(date);
for(p in date)
	logger.debug(p+"--->"+date[p]);	

</script>
</body>
</html>
 
